<!--园区页面-->
<template>
  <div class="parkContainer">
    <bannerHeader :options="options" class="mar126"> </bannerHeader>
    <!-- 企业列表 -->
    <ul class="park_ul">
      <li class="park_li" v-for="(item, index) in parklist" :key="index">
        <p class="name">{{ item.name }}</p>
        <p class="address">
          {{ item.address }}
        </p>
        <!-- 上部分 -->
        <div class="f fb cont vfs">
          <div class="left">
            <el-image
              class="leftimg"
              :src="systemBaseUrl + item.prakIndexImg"
              fit="cover"
            ></el-image>
          </div>
          <div class="right f fn fb vfs fl">
            <div class="top">
              <p class="title">空间简介</p>
              <p class="desc" v-html="item.introduction"></p>
            </div>
            <div class="bot">
              <p class="item" v-for="(item, index) in 4" :key="index">
                <span class="dot"></span>
                <span class="text">空间特色一</span>
              </p>
            </div>
          </div>
        </div>
        <!-- 下部分 -->
        <div class="f fb vfe botcont">
          <div class="left_ul">
            <swiper :options="swiperOption" ref="mySwiper" class="left_ul">
              <swiper-slide
                class="left_li cursor"
                v-for="(item1, index1) in item.parkInfoImg"
                :key="index1"
              >
                <el-image
                  @click="changeImg(index, item1.imgUrl)"
                  class="leftimg"
                  :src="systemBaseUrl + item1.imgUrl"
                  fit="cover"
                ></el-image>
              </swiper-slide>
              <div class="swiper-button-prev" slot="button-prev"></div>
              <div class="swiper-button-next" slot="button-next"></div>
            </swiper>
          </div>
          <div class="right f fc" @click="toDetial(item.id)">查看详情</div>
        </div>
      </li>
    </ul>
  </div>
</template>
<script>
import { swiper, swiperSlide } from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
import bannerHeader from '../components/banner'
export default {
  components: {
    bannerHeader,
    swiper,
    swiperSlide
  },
  data () {
    return {
      options: {
        title: '园区',
        intro:
          '为您所需提供您所选，打造您专属的办公室，还有多种活动空间，会议室，设备齐全。',
        banner: require('../../static/images/bbi/banner1.jpg')
      },
      // swiper
      swiperOption: {
        navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev'
        },
        slidesPerView: 'auto',
        autoplay: 'true' // 等同于以下设置
      },
      parklist: [
        {
          inputUserId: '564420a6a6384bc3b97e01bad05928cc',
          inputDate: '2019-10-07 12:18:58',
          updateUserId: '564420a6a6384bc3b97e01bad05928cc',
          updateDate: '2020-04-01 17:41:03',
          wfSubmit: 'false',
          id: 'c294afb6922546e8a4df806f3fb359a8',
          breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
          parkNo: 'PKBJTH1912050001',
          name: '北京北航天汇科技孵化器有限公司',
          introduction:
            '<p style="margin-left: 24px; text-align: left; line-height: normal;">\r\n    <span style="font-family: 宋体; font-size: 14px;">&nbsp; 北京北航天汇科技孵化器有限公司于1999年4月由北京市科委、北京航空航天大学共同创立，是北京市首家企业化运行的专业型科技企业孵化器。北航天汇孵化器以充分发挥高校创新源头引领作用为核心，主要聚集电子信息、AI、VR/AR、智能制造、智慧生态体系以及航空航天领域创业群体，通过创客孵化空间、北航海创园、大学生创业实习基地、集中办公区、公共配套活动区域为载体，整合与集聚各类创新资源、联合社会多元创业服务机构，帮助创业团队与初创企业快速补齐创业阶段短板，实现双创资源开放共享。园区地处北京市海淀区学院桥35号世宁大厦14层、17层。</span>\r\n</p>\r\n<p style="margin-left: 24px; text-align: left; line-height: normal;">\r\n    <span style="font-family: 宋体; font-size: 14px;"><br/></span>\r\n</p>\r\n<p style="margin-left: 24px; text-align: left; line-height: normal;">\r\n    <span style="font-family: 宋体; text-indent: 28px; font-size: 14px;">招商电话：82616255/82338204</span>\r\n</p>\r\n<p>\r\n    <br/>\r\n</p>',
          shortChName: '北航天汇孵化器',
          shortName: 'BJTH',
          memo: 'safdaffdsafdsafdsa',
          sort: 1,
          provinceId: '北京市',
          cityId: '北京城区',
          areaId: '海淀区',
          address: '北京市海淀区学院路35号世宁大厦1401室',
          status: 1,
          parkContacts: '翟彬',
          contactsPhone: '(010)82316255/82338204',
          accountNumber: '110909314110101',
          openingBank: '北京银行北航支行',
          fileManual: '6bcb1bd88bf0418381ef48316de8d6c5',
          inputEmail: 'beihangth@bbi.com.cn',
          prakIndexImg: 'upload\\file\\web\\news\\9.jpg',
          parkInfoImg: [
            {
              wfSubmit: 'false',
              id: '006',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb1.jpg',
              sort: '1',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '007',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb2.jpg',
              sort: '2',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '008',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb3.jpg',
              sort: '3',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '009',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb4.jpg',
              sort: '4',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '010',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb5.jpg',
              sort: '5',
              status: 1
            }
          ]
        },
        {
          inputUserId: '564420a6a6384bc3b97e01bad05928cc',
          inputDate: '2019-10-07 11:59:09',
          updateUserId: '564420a6a6384bc3b97e01bad05928cc',
          updateDate: '2019-10-07 11:59:09',
          wfSubmit: 'false',
          id: '3dbed27199ed47fdb0426be61199f1fd',
          breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
          parkNo: 'PKZBYQ1910070002',
          name: '北航天汇孵化器（淄博）科创中心',
          introduction:
            '<p style="text-indent: 28px; text-align: left;">\r\n    <span style="font-family: 宋体; font-size: 14px;">北航天汇孵化器（淄博）科创中心（以下简称中心）暨淄博航智天汇科技企业孵化器有限公司，是北京北航天汇科技孵化器有限公司下设于淄博高新区的科技服务机构，依托淄博市、高新区管委会园区核心区域（仪器仪表园区）已有的办公场地，旨在打造特色的园区产业孵化基地，开展企业引进和培育工作。孵化场地占地11000平方米，其中，一期工程<span style="font-family: Calibri;">3100</span>平米，可为入驻创业者提供创业培训、创业指导和创业政策咨询服务；提供办公、研发和小规模生产所需的孵化场地以及提供成果展示、路演、商务洽谈、会务等场所服务；引进、协调中介服务机构入驻科创中心，为孵化企业提供工商、税务、人才招聘、法律、金融、知识产权、项目申报、资质办理、体系认证等一系列服务。</span>\r\n</p>\r\n<p style="text-align: left;">\r\n    <span style="font-size: 14px;"><span style="font-size: 12px; font-family: 宋体;">电话：</span><span style="font-family: Calibri; font-size: 14px;">15552739966</span><span style="font-family: 宋体; font-size: 14px;">&nbsp;&nbsp;<span style="font-size: 12px; font-family: 宋体;">邮箱：</span>wangnan@bbi.com.cn</span></span>\r\n</p>\r\n<p>\r\n    <br/>\r\n</p>',
          shortChName: '淄博园区',
          shortName: 'ZBYQ',
          memo: 'fdsafdsafaafds',
          sort: 2,
          provinceId: '山东省',
          cityId: '淄博市',
          areaId: '淄川区',
          address: '淄博市高新区管委会',
          status: 1,
          parkContacts: '',
          contactsPhone: '15552739966  ',
          accountNumber: '01091060100120105001595',
          openingBank: '',
          inputEmail: 'wangnan@bbi.com.cn',
          prakIndexImg: 'upload\\file\\web\\news\\zb1.jpg',
          parkInfoImg: [
            {
              wfSubmit: 'false',
              id: '006',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb1.jpg',
              sort: '1',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '007',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb2.jpg',
              sort: '2',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '008',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb3.jpg',
              sort: '3',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '009',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb4.jpg',
              sort: '4',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '010',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb5.jpg',
              sort: '5',
              status: 1
            }
          ]
        },
        {
          inputUserId: '564420a6a6384bc3b97e01bad05928cc',
          inputDate: '2019-10-07 11:18:58',
          updateUserId: '564420a6a6384bc3b97e01bad05928cc',
          updateDate: '2020-04-01 17:41:03',
          wfSubmit: 'false',
          id: 'c294afb6922546e8a4df806f3fb359a9',
          breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
          parkNo: 'PKBJTH1912050002',
          name: '北航天汇孵化器（厦门）科创中心',
          introduction:
            '<p style="line-height: 150%; text-align: left; text-indent: 2em;">\r\n    <span style="font-family: 宋体; line-height: 150%; font-size: 14px;">北航天汇孵化器（厦门）科创中心（以下简称中心）暨厦门航智天汇孵化器有限公司，园区位于厦门市思明区吕岭路1733号万科创想中心。一期孵化场地为1219.2㎡、二期万科创想中心2号楼孵化场地为3554㎡。厦门航智天汇孵化器人工智能孵化基地，开展企业引进及培育工作，形成全球先进技术“塔尖效应”人才聚集与培养基地，帮助园区企业突破制约先进技术研究和产业化的关键技术、催生一批发展潜力大、带动作用强的创新型产业集群。可为入驻创业者提供创业培训、创业指导和创业政策咨询服务；引进、协调中介服务机构入驻科创中心，为孵化企业提供工商、税务、人才招聘、法律、金融、知识产权、项目申报、资质办理、体系认证等一系列服务。厦门航智天汇孵化器致力于为中、小不同周期的创业发展团队提供优质舒心的办公环境，让企业在平台空间闭环式的办公圈里无忧专注自己的产品，发展自己的业务，成就自己的事业！</span>\r\n</p>\r\n<p style="line-height: 150%; text-align: left; text-indent: 2em;">\r\n    <span style="font-family: 宋体; line-height: 150%; font-size: 16px;"><span style="font-size: 14px; font-family: 宋体;">电话</span>: 13950116767、13910606219&nbsp;&nbsp;<span style="font-size: 14px; font-family: 宋体;">邮箱</span>:&nbsp;xiamenth@bbi.com.cn</span>\r\n</p>\r\n<p>\r\n    <br/>\r\n</p>',
          shortChName: '厦门园区',
          shortName: 'XMYQ',
          memo: 'sadfdsafsad',
          sort: 3,
          provinceId: '福建省',
          cityId: '厦门市',
          areaId: '思明区',
          address: '厦门市思明区吕岭路1733号万科创想中心',
          status: 1,
          parkContacts: '',
          contactsPhone: '13950116767、13910606219',
          accountNumber: '',
          openingBank: '',
          fileManual: '',
          inputEmail: 'xiamenth@bbi.com.cn',
          prakIndexImg: 'upload\\file\\web\\news\\xm1.jpg',
          parkInfoImg: [
            {
              wfSubmit: 'false',
              id: '006',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb1.jpg',
              sort: '1',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '007',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb2.jpg',
              sort: '2',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '008',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb3.jpg',
              sort: '3',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '009',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb4.jpg',
              sort: '4',
              status: 1
            },
            {
              wfSubmit: 'false',
              id: '010',
              breedId: '15d6298f1b864b61bbd1ffa43ac0d9ad',
              parkId: '3dbed27199ed47fdb0426be61199f1fd',
              imgUrl: 'upload\\file\\web\\news\\zb5.jpg',
              sort: '5',
              status: 1
            }
          ]
        }
      ]
    }
  },
  methods: {
    toDetial (parkId) {
      this.$router.push({
        path: '/parkDetail',
        query: {
          parkId
        }
      })
    },
    changeImg (index, url) {
      this.parklist[index].prakIndexImg = url
    }
  }
}
</script>
<style lang="scss" scoped>
@import "../assets/css/common.scss";
@import "../assets/css/main.scss";
</style>
